// index.js

// 页面加载完成后再初始化
$(document).ready(function () {
    // 轮播图
    var mySwiper = new Swiper ('.swiper-container', {
        // direction: 'vertical', // 垂直切换选项
        loop: true, // 循环模式选项
        // spaceBetween: 30, // 间距设置
        // centeredSlides: true, // 居中设置
        effect: 'cube', // 渐变切换效果 fade 3D滚动切换 cube 还有一个效果
        grabCursor: true, // 图形光标
        cubeEffect: {
            shadow: false, // 默认开启阴影
            slideShadows: true,
            shadowOffset: 12, // 阴影距离
            shadowScale: 0.95, // 阴影长度
        },
        // 自动播放
        autoplay: {
          delay: 2500, // 时间间距
          disableOnInteraction: false,
        },
        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
            dynamicBullets: true, // 分页器/动态指示点
            clickable: false, // 可以点击的
        },
        // 如果需要前进后退按钮
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        }
        // 如果需要滚动条
        // scrollbar: {
        //   el: '.swiper-scrollbar',
        // },
    });

    // 导航栏鼠标移入移出触发事件
    $("nav li.dropdown").hover(
        function() {
            $(this).addClass("show");
            $(this).children("a").attr("aria-expanded","true");
            // $(this).children("span").attr("class","fa fa-sort-up"); // 状态小箭头
            $(this).children("a").children("span").attr("class","fa fa-sort-up");
            $(this).children("a").children("span").attr("style","position: relative;top:4px;");

            $(this).children("div").addClass("show");
        },
        function() {
            $(this).removeClass("show");
            $(this).children("a").attr("aria-expanded","false");
            $(this).children("div").removeClass("show");

            $(this).children("a").children("span").attr("class","fa fa-sort-desc");
            $(this).children("a").children("span").attr("style","position: relative;top:-3px;");
        }
    );

    // 文章鼠标移入移出事件
    $("article").hover(
        function() {
            $(this).addClass("shadow-lg");
        },
        function() {
            $(this).removeClass("shadow-lg");
        }
    );

})
